// 注册自定义指令
// Vue.directive('指令名称', {
//     // 会在当前指令作用的dom元素 插入之后执行
//     // options 里面是指令的表达式
//     inserted: function (dom,options) {

//     }
// })
export const imageerror = {
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted(dom, options) {
    // options是 指令中的变量的解释  其中有一个属性叫做 value
    // dom 表示当前指令作用的dom对象
    // dom元素的src属性是null或者是undefined的情况下
    dom.src = dom.src || options.value
    if (!dom.src) {
    // 将默认图片路径去设置给dom元素的src
      dom.src = options.value
    }
    // 当图片有地址 但是地址没有加载成功的时候 会报错 会触发图片的一个事件 => onerror
    dom.onerror = function() {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom可以注册error事件
      dom.src = options.value // 这里不能写死
    }
  },
  componentUpdated(dom, options) {
    // componentUpdated 钩子函数是更新的时候就执行  inserted 钩子函数只能执行一次
    dom.src = dom.src || options.value
  }
}
